<template>
  <transition name="el-fade-in-linear">
    <el-container v-show="visible">
      <el-header class="p-fixed w-percent100" style="padding:0;top:0;z-index: 2;">
        <v-navbarPC :active="active"/>
      </el-header>
      <el-container>
        <el-main>
          <router-view/>
        </el-main>
      </el-container>
      <el-footer style="line-height:60px;text-align:center;">
          <div v-if="$store.getters.getConfig()">{{this.$store.getters.getConfig().friendlyReminder}}</div>
          <div v-if="$store.getters.getConfig()">{{this.$store.getters.getConfig().companyName}}</div>
      </el-footer>
    </el-container>
  </transition>
</template>
<script type="es6">
  const navbarPC = () =>
    import ('@/components/header/NavbarPC')
  export default {
    provide (){
      return {
        changeActive:this.changeActive
      }
    },
    components: {
      'v-navbarPC': navbarPC,
    },
    data() {
      return {
        visible:false,
        active:"",
        time: new Date().getFullYear(),
        navinfo: {title: this.$store.getters.getValForKey("sysConfig")==null?'':this.$store.getters.getValForKey("sysConfig").webName, leftText: '',leftIcon:'', leftLink:'', rightText: '',rightIcon:'',rightLink:''},
        slide_h:(window.document.body.offsetHeight)
      }
    },
    methods:{
      changeActive(index){
        this.active=index;
      }
    },
    mounted(){
      this.$nextTick(()=>{
        this.visible=true;
      })
    }
  }
</script>
<style>
  /*#app{*/
    /*background: rgb(105,155,200);*/
    /*background: -moz-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%, rgba(43,197,216,1) 57%);*/
    /*background: -webkit-gradient(radial, top left, 0px, top left, 100%, color-stop(0%,rgba(105,155,200,1)), color-stop(57%,rgba(43,197,216,1)));*/
    /*background: -webkit-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%,rgba(43,197,216,1) 57%);*/
    /*background: -o-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%,rgba(43,197,216,1) 57%);*/
    /*background: -ms-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%,rgba(43,197,216,1) 57%);*/
    /*background: radial-gradient(ellipse at top left, rgba(105,155,200,1) 0%,rgba(43,197,216,1) 57%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699bc8', endColorstr='#b5c5d8',GradientType=1 );*/
  /*}*/
</style>
